<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-body">
        <div class="tab-content">
          <div class="tab-pane active" id="tab_1">
            <form class="form-inline">
              <div class="box box-default">
                <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
                  <button class="btn btn-primary" type="button" (click)="showQuery()">
                    <i class="fa fa-search"></i>搜索</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-view')" class="btn btn-primary" type="button" (click)="edit('one')">
                    <i class="fa fa-edit"></i>查看</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-startday')" class="btn btn-primary" type="button" (click)="showRunModal()">
                    <i class="fa fa-edit"></i>运作日期修改</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-export')" type="button" class="btn btn-primary" (click)="exportExcel()">
                    <i class="fa fa-sign-out"></i>导出</button>
                  <button class="btn btn-primary" type="button" href="#tab_2" data-toggle="tab" (click)="goRenew()">续约管理
                    <i class="fa fa-mail-forward" style="margin-left:5px"></i>
                  </button>
                  <button class="btn btn-box-tool pull-right" type="button" data-widget="collapse">
                    <i class="fa fa-minus"></i>
                  </button>
                </div>
                <div class="box-body" style="display:block">
                  <div class="form-group col-lg-12" style="padding-left:0px !important;">
                    <label>组合名称：</label>
                    <input class="form-control" type="text" placeholder="组合名称" [(ngModel)]="getBody.sFullName" name="sFullName">
                    <label>组合代码：</label>
                    <input class="form-control" type="text" placeholder="组合代码" [(ngModel)]="getBody.sFundCode" name="sFundCode">
                    <label>受托人：</label>
                    <select class="form-control" id="sLinkPrincipalNoSelecteds" [(ngModel)]="getBody.sLinkPrincipalNo" name="sLinkPrincipalNo">
                      <option [value]="''">全部</option>
                      <option [value]="item.sItemKey" *ngFor="let item of distionary.LINK_PRINCIPAL_NO">{{item.sItemValue}}</option>
                    </select>
                    <button class="btn btn-primary" (click)="loadcheck('page')">
                      <i class="fa fa-search"></i>查询</button>
                  </div>
                </div>
              </div>
            </form>

            <div class="box-body" style="padding-left:0px;padding-right:0px;">
              <div style="overflow-x:scroll;width:100%">
                <table id="fixed-table" class="table table-bordered table-keep-line table-hover table-striped" style="margin-top:unset !important">
                  <thead>
                    <tr>
                      <th class="width-4">
                        <div class="checkbox checkbox-primary">
                          <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                          <label></label>
                        </div>
                      </th>
                      <th class="width-15" (click)="orderData('sFundCode',listData,'listData')">组合代码
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-15" (click)="orderData('sFullName',listData,'listData')">组合名称
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-12" (click)="orderData('dBegin',listData,'listData')">运作日期
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-12" (click)="orderData('dEnd',listData,'listData')">合同到期日
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-12" (click)="orderData('sIsRenewal',listData,'listData')">是否自动续约
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-10" (click)="orderData('sRenewal',listData,'listData')">续约次数
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-10" (click)="orderData('sLinkPrincipalNoZh',listData,'listData')">受托人
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-10" (click)="orderData('sTrustee',listData,'listData')">托管人
                        <i class="fa fa-sort"></i>
                      </th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let item of listData">
                      <td class="width-4">
                        <div class="checkbox checkbox-primary">
                          <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(listData,'isCheckedAll')">
                          <label></label>
                        </div>
                      </td>
                      <td class="width-15 short_name" [attr.title]="item.sFundCode" (dblclick)="edit('dbclick',item)">{{item.sFundCode}}</td>
                      <td class="width-15 short_name" [attr.title]="item.sFullName" (dblclick)="edit('dbclick',item)">{{item.sFullName}}</td>
                      <td class="width-12 short_name" [attr.title]="item.dBegin" (dblclick)="edit('dbclick',item)">{{item.dBegin}}</td>
                      <td class="width-12 short_name" [attr.title]="item.dEnd" (dblclick)="edit('dbclick',item)">{{item.dEnd}}</td>
                      <td class="width-12 short_name" (dblclick)="edit('dbclick',item)">
                        <span *ngIf="item.sIsRenewal==1">是</span>
                        <span *ngIf="item.sIsRenewal==0">否</span>
                      </td>
                      <td class="width-10 short_name" [attr.title]="item.sRenewal" (dblclick)="edit('dbclick',item)">{{item.sRenewal}}</td>
                      <td class="width-10 short_name" [attr.title]="item.sLinkPrincipalNoZh" (dblclick)="edit('dbclick',item)">{{item.sLinkPrincipalNoZh}}</td>
                      <td class="width-10 short_name" [attr.title]="item.sTrusteeZh" (dblclick)="edit('dbclick',item)">{{item.sTrusteeZh}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>

            <div class="box-footer clearfix">
              <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
                <div class="pull-left pagination-detail" data-pagination-additional="true">
                  <span class="pagination-info">
                    当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                  </span>
                  <span class="page-list">
                    每页记录
                    <span class="btn-group dropup">
                      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <span class="page-size">{{listPageInfo.pageSize}}</span>
                  <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" role="menu">
                    <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                      <a>{{i}}</a>
                    </li>
                  </ul>
                  </span>
                  条
                  </span>
                </div>
              </app-pagination>
            </div>
          </div>
          <!-- 续约管理 -->
          <div class="tab-pane" id="tab_2">
            <form class="form-inline">
              <div class="box box-default">
                <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-add')" type="button" class="btn btn-primary" (click)="add()">
                    <i class="fa fa-edit"></i>添加</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-modify')" type="button" class="btn btn-primary" (click)="change()">
                    <i class="fa fa-edit"></i>修改</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-check')" type="button" class="btn btn-primary" (click)="check()">
                    <i class="fa fa-edit"></i>审核</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-del')" type="button" class="btn btn-primary" (click)="del()">
                    <i class="iconfont icon-iconzhenghe62"></i>删除</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-backout')" type="button" class="btn btn-primary" (click)="cel()">
                    <i class="fa fa-undo"></i>撤销</button>
                  <button *ngIf="_.includes(menuResourceSet,'btn-an-export')" type="button" class="btn btn-primary" (click)="exportRenew()">
                    <i class="fa fa-sign-out"></i>导出</button>
                  <button type="button" href="#tab_1" class="btn btn-primary" data-toggle="tab" (click)="loadlist()">
                    <i class="fa fa-mail-reply"></i>已成立组合</button>
                  <button type="button" class="btn btn-primary" (click)="termination()">
                      <i class="fa fa-edit"></i>终止</button>
                  <button class="btn btn-box-tool pull-right" type="button" data-widget="collapse">
                    <i class="fa fa-minus"></i>
                  </button>
                </div>
                <div class="box-body" style="display:block">
                  <div class="form-group" style="padding-left:0px !important;">
                    <label class="control-label">组合名称：</label>
                    <input class="form-control" [(ngModel)]="getRenewPost.prdName" name="prdName" placeholder="组合名称">
                    <label class="control-label">组合代码：</label>
                    <input class="form-control" [(ngModel)]="getRenewPost.prdCode" name="prdCode" placeholder="组合代码">
                    <button type="button" class="btn btn-primary" (click)="getRenewList(1)">
                      <i class="fa fa-search"></i>查询</button>
                  </div>
                </div>
              </div>
            </form>

            <div class="box-body" style="padding-left:0px;padding-right:0px;">
              <div style="overflow-x:scroll;width:100%">
                <table id="fixed-table" class="table table-bordered table-keep-line table-hover table-striped" style="margin-top:unset !important;">
                  <thead>
                    <tr>
                      <th class="width-5">
                        <div class="checkbox checkbox-primary">
                          <input type="checkbox" id="checkboxAll" [(ngModel)]="isRenewCheckedAll" (ngModelChange)="renewCheckedAll()">
                          <label></label>
                        </div>
                      </th>
                      <th class="width-10" (click)="orderData('sFundCode',renewList,'renewList')">组合代码
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-15" (click)="orderData('sFullName',renewList,'renewList')">组合名称
                        <i class="fa fa-sort"></i>
                      </th>
                      <!-- <th class="width-8">生效日期</th> -->
                      <th class="width-15" (click)="orderData('dNewBegin',renewList,'renewList')">新的开始日期
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-15" (click)="orderData('dNewEnd',renewList,'renewList')">新的到期日期
                        <i class="fa fa-sort"></i>
                      </th>
                      <!-- <th class="width-8">原到期日期</th> -->
                      <!-- <th class="width-8">终止日期</th> -->
                      <!-- <th class="width-8">终止方式</th> -->
                      <th class="width-15" (click)="orderData('sOldIsRenewal',renewList,'renewList')">续约方式
                        <i class="fa fa-sort"></i>
                      </th>
                      <th class="width-15" (click)="orderData('dCreateTime',renewList,'renewList')">创建日期
                        <i class="fa fa-sort"></i>
                      </th>
                      <!-- <th class="width-8">业务类型</th> -->
                      <th class="width-10" (click)="orderData('sAuditStatus',renewList,'renewList')">审核状态
                        <i class="fa fa-sort"></i>
                      </th>
                      <!-- <th class="width-10">操作</th> -->
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let item of renewList;let i = index;">
                      <td class="width-5">
                        <div class="checkbox checkbox-primary">
                          <input type="checkbox" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(renewList,'isRenewCheckedAll')">
                          <label></label>
                        </div>
                      </td>
                      <td class="width-10 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                      <td class="width-15 short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                      <!-- <td class="short_name" [attr.title]="item.dOldBegin">{{item.dOldBegin}}</td> -->
                      <td class="width-15 short_name" [attr.title]="item.dNewBegin">{{item.dNewBegin}}</td>
                      <td class="width-15 short_name" [attr.title]="item.dNewEnd">{{item.dNewEnd}}</td>
                      <!-- <td class="short_name" [attr.title]="item.dOldEnd">{{item.dOldEnd}}</td> -->
                      <!-- <td class="short_name" [attr.title]="item.dStopDate">{{item.dStopDate}}</td> -->
                      <!-- <td class="short_name" [attr.title]="item.sStopTypeZh">{{item.sStopTypeZh}}</td> -->
                      <td class="width-15">
                        <select class="form-control" [(ngModel)]="item.sOldIsRenewal" name="sOldIsRenewal" (ngModelChange)="changeOldIsRenewal(i,item.sFullName,item.nRenewTerminationNo,item.sOldIsRenewal)">
                          <!-- <option [value]="''"> </option> -->
                          <option [value]="1">自动</option>
                          <option [value]="0">手工</option>
                        </select>
                      </td>
                      <td class="width-15 short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                      <!-- <td>
                        <span *ngIf="item.sType==2">续约</span>
                        <span *ngIf="item.sType==3">终止</span>
                      </td> -->
                      <td class="width-10">
                        <span *ngIf="item.sAuditStatus==0">待审核</span>
                        <span *ngIf="item.sAuditStatus==1">审核通过</span>
                        <span *ngIf="item.sAuditStatus==2">打回</span>
                      </td>
                      <!-- <td class="width-10">
                        <span *ngIf="item.sType=='4'">
                          <a class="btn-xs btn-primary" (click)="showRenew(item)">
                            <i class="fa fa-check-square-o"></i>续约</a>
                          <a class="btn-xs btn-primary" (click)="showTermination(item)">
                            <i class="fa fa-minus-circle"></i>终止</a>
                        </span>
                      </td> -->
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>

            <div class="box-footer clearfix">
              <app-pagination [currentPageNum]="renewPageInfo.currentPageNum" [pagesShow]="" [totalPages]="renewPageInfo.totalPages
                         " (pageChanged)="renewPageNavigation($event)">
                <div class="pull-left pagination-detail" data-pagination-additional="true">
                  <span class="pagination-info">
                    当前显示第{{renewPageInfo.startRow}}到第{{renewPageInfo.endRow}}条，总共{{renewPageInfo.total}}条，
                  </span>
                  <span class="page-list">
                    每页记录
                    <span class="btn-group dropup">
                      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <span class="page-size">{{renewPageInfo.pageSize}}</span>
                  <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" role="menu">
                    <li *ngFor="let i of renewPageInfo.pageList" role="menuitem" [class.active]="renewPageInfo.pageSize===i" (click)="renewpageSizeChange(i)">
                      <a>{{i}}</a>
                    </li>
                  </ul>
                  </span>条
                  </span>
                </div>
              </app-pagination>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 运作日期修改 -->
<div class="modal modal-detail" id="running">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">录入</h4>
      </div>
      <form class="form-horizontal">
        <div class="modal-body" style="padding-bottom:0px;">
          <div class="form-group">
            <label class="col-lg-2 text-right">
              <span class="span-style">*</span>运作日期</label>
            <div class="col-lg-3 input-group date form_datetime" style="padding-left:15px;padding-right:15px;">
              <span class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </span>
              <input class="form-control" type="text" name="dBankConfirm" mwlFlatpickr [ngModelOptions]="{standalone: false}" [(ngModel)]="runningData.dBegin"
                style="background: white; cursor: pointer;">
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" (click)="changeRunningData()">
            <i class="fa fa-save"></i>录入</button>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- 添加modal -->
<div class="modal modal-detail" id="add">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">添加</h4>
      </div>
      <div class="modal-body">
        <form class="form-inline">
          <div class="form-group" style="margin-bottom:8px !important">
            <label class="control-label">组合代码：</label>
            <input class="form-control" [(ngModel)]="getBasicPost.sFundCode" name="sFundCode">
            <label class="control-label">组合名称：</label>
            <input class="form-control" [(ngModel)]="getBasicPost.sFullName" name="sFullName">
            <button type="button" class="btn btn-primary" (click)="getBasicList()">
              <i class="fa fa-search"></i>查询</button>
          </div>
          <div class="form-group" style="margin-bottom:8px !important">
            <label class="control-label">生效日期：</label>
            <div class="input-group date form_datetime">
              <span class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </span>
              <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                [(ngModel)]="getBasicPost.dEffective" name="dEffective">
            </div>
            <label class="control-label" style="margin-left:30px;">到期日：</label>
            <div class="input-group date form_datetime">
              <span class="input-group-addon">
                <i class="fa fa-calendar"></i>
              </span>
              <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                [(ngModel)]="getBasicPost.dEnd" name="dEnd">
            </div>
          </div>
        </form>
        <div style="overflow-x:scroll;width:100%">
          <table class="table table-bordered table-keep-line table-hover table-striped" style="margin-top:unset !important;">
            <thead>
              <tr>
                <th class="width-5">选择</th>
                <th class="width-25">组合代码</th>
                <th class="width-25">组合名称</th>
                <th class="width-25">生效日期</th>
                <th class="width-20">到期日</th>
              </tr>
            </thead>
            <tr *ngFor="let item of basicList">
              <td style="text-align:center">
                <div class="radio radio-primary">
                  <input type="radio" name="selected" [value]="item.nFundNo" (click)="selectItem(item.nFundNo)">
                  <label></label>
                </div>
              </td>
              <td class="short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
              <td class="short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
              <td class="short_name" [attr.title]="item.dEffective">{{item.dEffective}}</td>
              <td class="short_name" [attr.title]="item.dEnd">{{item.dEnd}}</td>
            </tr>
          </table>
        </div>
        <div class="box-footer clearfix">
          <app-pagination [currentPageNum]="basicPageInfo.currentPageNum" [pagesShow]="" [totalPages]="basicPageInfo.totalPages" (pageChanged)="baiscPageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                当前显示第{{basicPageInfo.startRow}}到第{{basicPageInfo.endRow}}条，总共{{basicPageInfo.total}}条，
              </span>
              <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{basicPageInfo.pageSize}}</span>
              <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of basicPageInfo.pageList" role="menuitem" [class.active]="basicPageInfo.pageSize===i" (click)="basicpageSizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
              </span>条
              </span>
            </div>
          </app-pagination>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
        <button class="btn btn-primary pull-right" (click)="addRenew()">
          <i class="fa fa-save"></i>添加</button>
      </div>

    </div>
  </div>
</div>

<!-- 续约modal -->
<div class="modal modal-detail" id="renew">
  <div class="modal-dialog modal-lg" style="width:1000px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="destroyAllModal('renewFileComponent')">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" *ngIf="sAuditStatus == 0">续约管理流程记录信息--修改</h4>
        <h4 class="modal-title" *ngIf="sAuditStatus != 0">续约管理流程记录信息--添加</h4>
      </div>
      <div class="modal-body">
        <div class="nav-tabs-custom">
          <ul class="nav nav-tabs">
            <li class="active" id="tab3">
              <a href="#tab_3" id="tabThridContent" data-toggle="tab">续约信息</a>
            </li>
            <li id="tab4">
              <a href="#tab_4" id="tabFourContent" data-toggle="tab">组合文件</a>
            </li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab_3">
              <form class="form-horizontal" style="padding-top:20px">
                <div class="form-group">
                  <label class="col-lg-2 text-right">组合名称:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="renewBody.sFullName" name="sFullName" disabled>
                  </div>
                  <label class="col-lg-2 text-right">合同名称:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="renewBody.sContractName" name="sContractName" disabled>
                  </div>
                </div>

                <div class="form-group" style="margin-top:20px">
                  <label class="col-lg-2 text-right">
                    <span class="span-style">*</span>新的开始日期:</label>
                  <div class="col-lg-3">
                    <div class="input-group date form_datetime">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                        [(ngModel)]="renewBody.dNewBegin" name="dNewBegin">
                    </div>
                  </div>
                  <label class="col-lg-2 text-right">期限:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="renewBody.sTermType" name="sTermType" (ngModelChange)="termContrl()">
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.TERM_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </div>

                <div class="form-group" style="margin-top:20px">
                  <label class="col-lg-2 text-right">
                    <span class="span-style">*</span>新的到期日期:</label>
                  <div class="col-lg-3">
                    <div class="input-group date form_datetime">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                        [(ngModel)]="renewBody.dNewEnd" name="dNewEnd" id="dNewEnd">
                    </div>
                  </div>
                  <label class="col-lg-2 text-right">是否自动续约:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="renewBody.sIsRenewal" name="sIsRenewal">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">续约条款:</label>
                  <div class="col-lg-8">
                    <textarea cols="20" rows="5" maxlength="250" style="width:100%" [(ngModel)]="renewBody.sRemark" name="sRemark"></textarea>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">销售反馈:</label>
                  <div class="col-lg-8">
                    <textarea cols="20" rows="5" maxlength="2000" style="width:100%" [(ngModel)]="renewBody.sSalesFeedback" name="sSalesFeedback"></textarea>
                  </div>
                </div>

                <div class="form-group" style="padding-top:20px">
                  <button class="btn btn-default pull-left" style="margin-left:20px !important" data-dismiss="modal" (click)="destroyAllModal('renewFileComponent')">关闭</button>
                  <button class="btn btn-primary pull-right" style="margin-right:20px !important" (click)="saveRenew()">
                    <i class="fa fa-save"></i>保存</button>
                </div>
              </form>
            </div>
            <div class="tab-pane" id="tab_4">
              <!-- 续约组合文件模版 -->
              <div #renewFile></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 审核modal -->
<div class="modal modal-detail" id="check">
  <div class="modal-dialog modal-lg" style="width:1000px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="destroyAllModal('checkFileComponent')">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">审核</h4>
      </div>
      <div class="modal-body">
        <div class="nav-tabs-custom">
          <ul class="nav nav-tabs">
            <li class="active" id="tab7">
              <a href="#tab_7" data-toggle="tab" id="tabSevenContent">审核信息</a>
            </li>
            <li id="tab8">
              <a href="#tab_8" data-toggle="tab" id="tabEightContent">组合文件</a>
            </li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab_7">
              <form class="form-horizontal" style="padding-top:20px">
                <div class="form-group">
                  <label class="col-lg-2 text-right">组合代码:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.sFundCode" name="sFundCode" disabled>
                  </div>
                  <label class="col-lg-2 text-right">组合名称:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.sFullName" name="sFullName" disabled>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">生效日期:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.dOldBegin" name="dOldBegin" disabled>
                  </div>
                  <label class="col-lg-2 text-right">新的开始日期:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.dNewBegin" name="dNewBegin" disabled>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">新的到期日期:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.dNewEnd" name="dNewEnd" disabled>
                  </div>
                  <label class="col-lg-2 text-right">原到期日期:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.dOldEnd" name="dOldEnd" disabled>
                  </div>
                </div>
                <div class="form-group" *ngIf="checkBody.sType==3">
                  <label class="col-lg-2 text-right">终止日期:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.dStopDate" name="dStopDate" disabled>
                  </div>
                  <label class="col-lg-2 text-right">终止方式:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="checkBody.sStopType" name="sStopType" disabled>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.STOP_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">创建日期:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="checkBody.dCreateTime" name="dCreateTime" disabled>
                  </div>
                  <label class="col-lg-2 text-right">业务类型:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" *ngIf="checkBody.sType==2" name="sType" placeholder="续约" disabled>
                    <input class="form-control" type="text" *ngIf="checkBody.sType==3" name="sType" placeholder="终止" disabled>
                  </div>
                </div>

                <div class="form-group" style="padding-top:20px">
                  <button class="btn btn-default pull-left" data-dismiss="modal" style="margin-left:20px !important" (click)="destroyAllModal('checkFileComponent')">取消</button>
                  <button class="btn btn-primary pull-right" (click)="checkRepulse()" style="margin-right:20px !important">
                    <i class="fa fa-reply"></i>打回</button>
                  <button class="btn btn-primary pull-right" (click)="checkPass()">
                    <i class="fa fa-check"></i>通过</button>
                </div>
              </form>
            </div>
            <div class="tab-pane " id="tab_8">
              <!-- 审核文件模版 -->
              <div #checkFile></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 搜索modal -->
<div class="modal modal-open modal-detail" id="annuityRunQuery">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">搜索</h4>
      </div>
      <div class="modal-body" style="padding-top:10px;">
        <form class="form-horizontal" style="padding-top:5px">
          <div class="form-group">
            <label class="col-lg-2 text-right">组合名称：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" [(ngModel)]="postBody.sFullName" name="sFullName">
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">组合代码：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" [(ngModel)]="postBody.sFundCode" name="sFundCode">
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">组合类型：</label>
            <div class="col-lg-3">
              <select class="form-control" id="sProductTypeSelected" [(ngModel)]="postBody.sProductType" name="sProductType">
                  <option [value]="''">--请选择--</option>
                  <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.ANNUITY_TYPE">{{item.sItemValue}}</option>
                </select>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">合同名称：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" [(ngModel)]="postBody.sContractName" name="sContractName">
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">委托人：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" [(ngModel)]="postBody.sPrincipal" name="sPrincipal">
            </div>
            <div class="col-lg-1"></div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">受托人：</label>
            <div class="col-lg-3">
              <select class="form-control" id="sLinkPrincipalNoSelected" [(ngModel)]="postBody.sLinkPrincipalNo" name="sLinkPrincipalNo">
              <option [value]="''">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of distionary.LINK_PRINCIPAL_NO">{{item.sItemValue}}</option>
            </select>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">投管人：</label>
            <div class="col-lg-3">
                <select class="form-control select2 sInvest-select" style="width:190px !important" multiple="multiple" [(ngModel)]="sInvestSelectList" name="sInvest">
                    <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.INVEST">{{item.sItemValue}}</option>
                  </select>
              <!-- <input class="form-control" type="text" [(ngModel)]="postBody.sInvest" name="sInvest"> -->
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">托管人：</label>
            <div class="col-lg-3">
              <select class="form-control" id="sTrusteeSelected" [(ngModel)]="postBody.sTrustee" name="sTrustee">
                              <option [value]="''">--请选择--</option>
                              <option [value]="item.sItemKey" *ngFor="let item of distionary.TRUSTEE">{{item.sItemValue}}</option>
                            </select>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">账管人：</label>
            <div class="col-lg-3">
              <select class="form-control" id="sManagerSelected" [(ngModel)]="postBody.sManager" name="sManager">
                              <option [value]="''">--请选择--</option>
                              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.MANAGER">{{item.sItemValue}}</option>
                            </select>
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">项目经理：</label>
            <div class="col-lg-3">
              <select class="form-control select2 manager-select" style="width:190px !important" multiple="multiple" [(ngModel)]="managerSelectList"
                name="sProjectManager">
              <option [value]="item.sUserName" *ngFor="let item of ProjectManagerList">{{item.sRealName}}</option>
            </select>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">投资经理：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" [(ngModel)]="postBody.sManagerNo" name="sManagerNo">
            </div>
          </div>

          <div style="border-top: 1px solid #ddd;width:90%;margin-left:3%;margin-bottom:15px"></div>

          <div class="form-group">
            <label class="col-lg-2 text-right">备案机构：</label>
            <div class="col-lg-3">
              <select class="form-control" id="sRecordorgTypeSelected" [(ngModel)]="postBody.sRecordorgType" name="sRecordorgType">
                  <option [value]="''">--请选择--</option>
                  <option [value]="item.sItemKey" *ngFor="let item of distionary.RECORDORG_TYPE">{{item.sItemValue}}</option>
                </select>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">计划登记号：</label>
            <div class="col-lg-3">
              <input class="form-control" maxlength="10" type="text" [(ngModel)]="postBody.sPlanNo" name="sPlanNo">
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">所属地区：</label>
            <div class="col-lg-3">
              <app-area-data-cn [code]="area" name="sArea" [attr.title]="postBody.sArea.split(',')[1]" (areaChange)="OnAreaChg($event)"
                (codeChange)="OnAreaCodeChg($event)"></app-area-data-cn>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">所属行业</label>
            <div class="col-lg-3">
              <select class="form-control" id="sCallingSelected" [(ngModel)]="postBody.sCalling" name="sCalling">
                <option [value]="''">--请选择--</option>
                <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.CALLING">{{item.sItemValue}}</option>
              </select>
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">是否央企</label>
            <div class="col-lg-3">
              <select class="form-control" id="sIsCentralEnterpriserSelected" [(ngModel)]="postBody.sIsCentralEnterpriser" name="sIsCentralEnterpriser">
                              <option [value]="''">--请选择--</option>
                              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.CENTRAL_ENTERPRISER">{{item.sItemValue}}</option>
                            </select>
            </div>
            <div class="col-lg-1"></div>
          </div>

          <div style="border-top: 1px solid #ddd;width:90%;margin-left:3%;margin-bottom:15px"></div>

          <div class="form-group">
            <label class="col-lg-2 text-right">合同期限：</label>
            <div class="col-lg-3">
              <select class="form-control" id="sTermTypeSelected" [(ngModel)]="postBody.sTermType" name="sTermType">
              <option [value]="''">--请选择--</option>
              <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.TERM_TYPE">{{item.sItemValue}}</option>
            </select>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">是否自动续约：</label>
            <div class="col-lg-3">
              <select class="form-control" [(ngModel)]="postBody.sIsRenewal" name="sIsRenewal">
              <option [value]="''">--请选择--</option>
              <option value="1">是</option>
              <option value="0">否</option>
            </select>
            </div>
          </div>

          <div style="border-top: 1px solid #ddd;width:90%;margin-left:3%;margin-bottom:15px"></div>

          <div class="form-group">
            <label class="col-lg-2 text-right">业绩比较基准：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" [(ngModel)]="postBody.sBenchmark" name="sBenchmark">
            </div>
            <div class="col-lg-1"></div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">是否资产移交：</label>
            <div class="col-lg-3">
              <select class="form-control" [(ngModel)]="postBody.sIsAssetTransfer" name="sIsAssetTransfer" (ngModelChange)="IsAssetTransfer()">
                <option [value]="1">是</option>
                <option [value]="0">否</option>
              </select>
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">移交投管人：</label>
            <div class="col-lg-3">
              <select class="form-control select2 sInvestor-select" style="width:190px !important" multiple="multiple" [(ngModel)]="sInvestorSelectList"
                name="sInvestor" [disabled]="postBody.sIsAssetTransfer == '0'">
                <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.OTHER_INVESTOR">{{item.sItemValue}}</option>
              </select>
            </div>
          </div>
          <!-- <div class="form-group">
            <label class="col-lg-2 text-right">确认函号：</label>
            <div class="col-lg-3">
              <input class="form-control" maxlength="20" type="text" [(ngModel)]="postBody.sConfirmationNo" name="sConfirmationNo">
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">发行方式：</label>
            <div class="col-lg-3">
              <select class="form-control" [(ngModel)]="postBody.sEmissionWay" name="sEmissionWay">
                            <option [value]="''">--请选择--</option>
                            <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.EMISSION_WAY">{{item.sItemValue}}</option>
                          </select>
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">发行对象：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" maxlength="20" [(ngModel)]="postBody.sEmissionObject" name="sEmissionObject">
            </div>
            <div class="col-lg-1"></div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">其他投资管理人：</label>
            <div class="col-lg-3">
              <select class="form-control select2 investor-select" style="width:190px !important" multiple="multiple" [(ngModel)]="investorSelectList"
                name="sOtherInvestor">
                <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.OTHER_INVESTOR">{{item.sItemValue}}</option>
              </select>
            </div>
          </div>

          <div class="form-group">
            <label class="col-lg-2 text-right">是否含权类：</label>
            <div class="col-lg-3">
              <select class="form-control" [(ngModel)]="postBody.sIsContainRight" name="sIsContainRight">
                <option [value]="''">--请选择--</option>
                <option [value]="1">是</option>
                <option [value]="0">否</option>
              </select>
            </div>
          </div> -->
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary pull-right" (click)="resetQuery()">
          <i class="fa fa-circle-o-notch"></i>重置</button>
        <button class="btn btn-primary pull-right" (click)="loadcheck('query')">
          <i class="fa fa-search"></i>查询</button>
        <button class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

<!-- 终止modal -->
<div class="modal modal-detail" id="termination">
  <div class="modal-dialog modal-lg" style="width:1000px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="destroyAllModal('terminationFileComponent')">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4>终止</h4>
      </div>
      <div class="modal-body">
        <div class="nav-tabs-custom">
          <ul class="nav nav-tabs">
            <li class="active" id="tab5">
              <a href="#tab_5" id="tabFiveContent" data-toggle="tab">终止信息</a>
            </li>
            <li id="tab6">
              <a href="#tab_6" id="tabSixContent" data-toggle="tab">组合文件</a>
            </li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab_5">
              <form class="form-horizontal" style="padding-top:20px">
                <div class="form-group">
                  <label class="col-lg-2 text-right">组合代码:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="terminationBody.sFundCode" name="sFundCode" disabled>
                  </div>
                  <label class="col-lg-2 text-right">组合名称:</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" [(ngModel)]="terminationBody.sFullName" name="sFullName" disabled>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">
                    <span class="span-style">*</span>终止日期:</label>
                  <div class="col-lg-3">
                    <div class="input-group">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input class="form-control" type="text" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                        [(ngModel)]="terminationBody.dStopDate" name="dStopDate">
                    </div>
                  </div>
                  <label class="col-lg-2 text-right">终止方式:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="terminationBody.sStopType" name="sStopType">
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.STOP_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </div>
                <!-- <div class="form-group">
                  <label class="col-lg-2 text-right">备注:</label>
                  <div class="col-lg-8">
                    <textarea cols="20" rows="5" maxlength="250" style="width:100%" [(ngModel)]="terminationBody.sRemark" name="sRemark"></textarea>
                  </div>
                </div> -->
                <div class="form-group">
                  <label class="col-lg-2 text-right">终止原因:</label>
                  <div class="col-lg-8">
                    <textarea cols="20" rows="5" maxlength="250" style="width:100%" [(ngModel)]="terminationBody.sReason" name="sReason"></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">销售反馈:</label>
                  <div class="col-lg-8">
                    <textarea cols="20" rows="5" maxlength="2000" style="width:100%" [(ngModel)]="terminationBody.sSalesFeedback" name="sSalesFeedback"></textarea>
                  </div>
                </div>
                <div class="form-group" style="padding-top:20px">
                  <button class="btn btn-default pull-left" style="margin-left:20px !important" data-dismiss="modal" (click)="destroyAllModal('terminationFileComponent')">关闭</button>
                  <button class="btn btn-primary pull-right" style="margin-right:20px !important" (click)="saveTermination()">
                    <i class="fa fa-save"></i>保存</button>
                </div>
              </form>
            </div>
            <div class="tab-pane" id="tab_6">
              <!-- 终止文件模版 -->
              <div #terminationFile></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>